html,body,.hr_,div{
    padding: 0;
    margin: 0;
}
body{
    background: #f4f4f4;
}
        .log{
            position: absolute;
            width: 100%;
            height: 2.7rem;
            background: linear-gradient(#a7c2e2,#d3e4f2);
            top: 0;
            left: 0;
            .log_img{
                width: 100%;
            }
        }

    //日历样式
    .con_rili{
        position: relative;
        padding: 0.15rem 0 0.05rem 0;
        border-radius: 0.05rem;
        width: 92%;
        background: #ffffff;
        margin: 0 auto;
        z-index: 1;
        box-shadow: 5px 5px 15px #dfe0e2;
        margin-top: 60%;
         //月份tit
        .rili_yue{
            margin-bottom: 0.12rem;
            img{
                display: block;
                width: 28%;
                margin: 0 auto;
            }
        }
    
        //周tit
        .rili_zhou{
            width: 90%;
            margin: 0 auto;
            margin-bottom: 0.15rem;
            img{
                display: block;
                width: 100%;
                margin: 0 auto;
            }
        }
        
        .hr_{
            width: 100%;
            height: 1px;
            background: #e6e6e6;
            border: none;
            margin-bottom: 0.15rem; 
        }

        //日历表格图片
        .con_box{
            padding:0 5px;
            position: relative;
            .f{
                width: 100%;
                display: flex;
                justify-content:space-around;
                margin-bottom: 0.12rem;
                
                div{
                    width: 13.2%;
                    height: 13.2%;
                    img{
                        display: block;
                        height: 100%;
                        width: 100%;
                    }
                }
                img{
                    width: 13.2%;
                    height: 13.2%;
                }
                #css3_{
                    position: relative;
                    #dong{
                        position: absolute;
                        width: 200%;
                        height: 200%;
                        top: -0.18rem;
                        left: -0.185rem;
                    }
                }
                
            }
        }
        
    }

    //特殊日期代表颜色
    .teshu{
        width: 100%;
        text-align: center;
        img{
            width: 60%;
            display: block;
            margin:  0.15rem auto;
            padding-right: 0.15rem;
        }
    }

    //内容样式
    .content{
        width: 100%;
        display: flex;
        flex-direction: column;
        .con_flex{
            width: 94%;
            margin: 0 auto;
            margin-top: 0.1rem;
            img{
                display: block;
                width: 100%;
                padding-left: 1%;
            }
        }
    }

    //底部版权说明
    .botm{
        width: 100%;
        height: 0.3rem;
        p{
            font-size: 0.1rem;
            color: #b7b7b7;
            text-align: center;
        }
    }

    //回到顶部按钮
    #top{
        width: 0.3rem;
        height: 0.3rem;
        border-radius: 50%;
        position: fixed;
        right: 0;
        bottom: 30%;;
        z-index: 2;
        img{
            width: 100%;
            border-radius: 50%;
            opacity: 0.5;
        }
    }

        